@import "../config.less";
body{
	background-color: #f5f5f5;
}

a{
	text-decoration: none;
}
/*头部样式*/
.header{
	padding-left: 40/@r;
	padding-right: 40/@r;
	height: 196/@r;
	background-color: @blue;
	overflow: hidden;
	color: @white;
	position: relative;
	display: block;
	.top-text{
		margin-top: 56/@r;
		font-size: 28/@r;
		line-height: 38/@r;
	}
	.bottom-text{
		margin-top: 10/@r;
		font-size: 20/@r;
		line-height: 28/@r;
	}
	.arrow-icon{
		position: absolute;
		top: 73/@r;
		right: 40/@r;
		width: 50/@r;
		height: 50/@r;
	}
}

.nav{
	margin-top: 20/@r;
	background-color: @white;
	.nav-item{
		padding-left: 40/@r;
		padding-right: 30/@r;
		height: 116/@r;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav-logo{
		width: 60/@r;
		height: 60/@r;
		vertical-align: middle;
	}
	.nav-item-left{
		span{
			vertical-align: middle;
			font-size: 24/@r;
			color: @common;
		}
	}
	.arrow-icon{
		width: 50/@r;
		height: 50/@r;
	}
	.nav-item + .nav-item{
		border-top: 1/@r solid #e1e1e1;
	}
}


.logout{
	margin-top: 50/@r;
	width: 100%;
	height:  90/@r;
	border-top: 1/@r solid #e1e1e1;
	border-bottom: 1/@r solid #e1e1e1;
	background-color: @white;
	text-align: center;
	line-height: 90/@r;
	font-size: 24/@r;
}